<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--
用法:
<div th:insert="~{ /common/common_foot:: base}"></div>
-->
<div th:fragment="base">
    <!--必备的前提js,优先级0-->
    <!--jquery-->
    <script th:src="@{/assets/js/public/jquery-3.4.1.min.js}" type="text/javascript"></script>
    <!--bootstrap基本js-->
    <script th:src="@{/assets/js/public/bootstrap.min.js}" type="text/javascript"></script>
    <!--bootstrap通知-->
    <script th:src="@{/assets/js/public/bootstrap-notify.min.js}" type="text/javascript"></script>
    <!--页面加载动画-->
    <script th:src="@{/assets/js/public/loading.js}" type="text/javascript"></script>
    <!--顶部弹窗提示-->
    <script th:src="@{/assets/js/public/notify.js}" type="text/javascript"></script>
    <!--公共JS-->
    <script th:src="@{/assets/js/public/app.js}" type="text/javascript"></script>
    <!--工具js,虽然不是每个都可能用上,但是还是依赖上-->
    <script th:src="@{/assets/js/public/util.js}" type="text/javascript"></script>

</div>

<!--
用法:
<div th:insert="~{ /common/common_foot:: table}"></div>
-->
<!--bootstrap表格js,优先级2-->
<div th:fragment="table">
    <script th:src="@{/assets/js/public/bootstrap-table.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/bootstrap-table-zh-CN.min.js}" type="text/javascript"></script>
</div>

<!--
用法:
<div th:insert="~{ /common/common_foot:: bootbox}"></div>
-->
<!--bootbox弹窗,alert,confirm,prompt-->
<div th:fragment="bootbox">
    <script th:src="@{/assets/js/public/bootbox/bootbox.all.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/bootbox/bootbox.locales.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/bootbox/bootbox.min.js}" type="text/javascript"></script>
</div>


<!--
用法:
<div th:insert="~{ /common/common_foot:: export}"></div>
-->
<!--bootstrap表格内容导出所需js,优先级3-->
<div th:fragment="export">
    <script th:src="@{/assets/js/public/export/bootstrap-table-export.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/export/FileSaver.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/export/tableExport.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/export/xlsx.core.min.js}" type="text/javascript"></script>
</div>

<!--
用法:
<div th:insert="~{ /common/common_foot:: editable}"></div>
-->
<!--bootstrap表格行内编辑js最后初始化自定义封装的editable,要放在初始化表格之后,优先级99 ,建议放在尾部-->
<div th:fragment="editable">
    <script th:src="@{/assets/js/public/bootstrap-editable.min.js}" type="text/javascript"></script>
    <!--最后初始化自定义封装的editable,要放在初始化表格之后-->
    <script th:src="@{/assets/js/public/bootstrap-table-editable.min.js}" type="text/javascript"></script>
</div>


<!--
用法:
<div th:insert="~{ /common/common_foot:: select}"></div>
-->
<!--bootstrap的选择+输入框
<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>
-->
<div th:fragment="select">
    <script th:src="@{/assets/js/public/select/bootstrap-select.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/select/defaults-zh_CN.min.js}" type="text/javascript"></script>
    <script th:src="@{/assets/js/public/select/bootstrap-select.js.map}" type="text/javascript"></script>
</div>



</html>